<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="vue.js"></script>
    <title>Title</title>
    <style>
        .red{color:red}
        .blue{background: #2b542c;}
    </style>
</head>
<body>
<div id="box">
    <img :src="url" :width="w">
    <strong :class="[red,blue]">文字....</strong>
    <strong :class="json">文字....</strong>
    <strong :style="[c,d]">文字....</strong>
</div>
</body>
<script>
    var app = new Vue({
        el: '#box',
        data: {
            url:'https://www.baidu.com/img/bd_logo1.png',
            w:'200px',
            red:'red',
            blue:'blue',
            a:true,
            b:false,
            json: {
                red:true,
                blue:false
            },
            c:{color:'red'},
            d:{backgroundColor:'orange'}
        }
    });
</script>
</html>